//轮播图组件css
.carousel {   
    font-size: 12px;  
    background-color: #fff; 
    height: 20rem;
    position: relative;
    .carousel-box{
        height: 20rem;
        .carousel-container {            
            width: 100%;
            height: 20rem;
            background-repeat: no-repeat;
            // background-position: top center;
            background-size: cover;
        } 
    }
    .dot-box{
        position: absolute;
        top: 2rem;
        left: 50%;
        transform: translate(-50%, 0);
        margin-top: 10px;
        text-align: center;
        .dot {
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 4px;
            background-color: #fff;
            margin-left: 10px;            
            line-height: 20px;
        }
        .dot.selected {
            background-color: #FD6857;
        }  
    }
}